import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {ElModule} from 'element-angular';
import {AppRoutingModule} from './app-routing.module';
import {AppComponent} from './app.component';
import {Observable} from 'rxjs/Observable';
import {HeaderComponent} from './header/header.component';
import {HomeComponent} from './home/home.component';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {LeftNavigationComponent} from './left-navigation/left-navigation.component';
import {MainCheckitemComponent} from './main-checkitem/main-checkitem.component';
import {PageNotFoundComponent} from './page-not-found/page-not-found.component';
import {FormsModule} from '@angular/forms';
import {HttpClientModule, HttpClientJsonpModule} from '@angular/common/http';
import {DemoComponent} from './demo/demo.component';

@NgModule({
  declarations: [AppComponent, HeaderComponent, HomeComponent, LeftNavigationComponent, MainCheckitemComponent, PageNotFoundComponent, DemoComponent],
  imports: [HttpClientJsonpModule, HttpClientModule, BrowserModule, AppRoutingModule, BrowserModule, BrowserAnimationsModule, ElModule.forRoot(), FormsModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {
}

declare module '@angular/core' {
  interface ModuleWithProviders<T = any> {
    ngModule: Type<T>;
    providers?: Provider[];
  }
}
